<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index1.css">
    <link rel="stylesheet" href="./css/init.css">
    <link rel="stylesheet" href="./fonts/font_cukxngno115/iconfont.css">
</head>

<body>
    <!-- 登录页面头部部分 -->
    <div class="xtx_enter w">
        <!-- logo部分 -->
        <div class="enter_logo">
            <div class="logo_img">
                <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
            </div>

            <div class="logo_txt">
                <a href="#">
                    <p>欢迎登录</p>
                </a>
            </div>
        </div>
        <!-- 右边部分 -->
        <div class="logo_right">
            <a href="./homepage.html">进入网站首页
                <span class="iconfont icon-chevron-right-copy"></span>
                <span class="iconfont icon-chevron-right-copy "></span>
            </a>
        </div>


    </div>
    <!-- 内容部分 -->
    <div class="content w">
        <div class="nev ">
            <div class="head">
                <div class="flef"><a href="#" class="active">账户登录</a> </div>
                <div class="right"> <a href="#">扫码登录</a></div>
            </div>


            <div class="account">
                <p class="left"><a href="#">短信登录</a> </p>
                <span class="top"><span class="iconfont icon-ren111"></span></span>
                <input type="text" placeholder="请输入账户" value="dome">
                <span></span>
                <span class="bottom"><span class="iconfont icon-mimasuo"></span></span>
                <input type="password" placeholder="请输入密码" value="12345678">
                <span></span>
                <div class="colour"> 仅用于IT培训教学使用，为保障您的个人信息安全请勿向平台录入任何个人敏感信息（如手机号、身份证号等）！ </div>
                <div id="asde">
                    <input type="checkbox" checked>

                    我已同意<i> 《隐私条款》</i>和<i>《服务条款》</i>
                    <span></span>
                    <button><a href="./homepage.html">立即登录</a></button>
                </div>
            </div>

            <div class="header">
                <p class="lint"><a href="#">账号登录</a></p>
                <span class="top"><span class="iconfont icon-ren111"></span></span>
                <input type="text" placeholder="请输入手机号">
                <span></span>
                <span class="bottom"><span class="iconfont icon-anquanzhongxin"></span></span>
                <input type="text" placeholder="验证码">
                <button>输入验证码</button>

                <span></span>
                <div id="asde">
                    <input type="checkbox" checked>
                    我已同意<i> 《隐私条款》</i>和<i>《服务条款》</i>
                    <span></span>
                </div>
                <a href="./homepage.html" class="asdes">立即登录</a>
            </div>
            <div class="code">
                <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                <p>打开<span>小兔鲜APP</span>扫码登录</p>
            </div>


            <div class="footl">
                <div class="flef">
                    <img src="https://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_7.png"" alt="">
                </div>
                <div class=" right">
                    <span><a href="#">忘记密码</a></span>
                    <span><a href="#">立即注册</a></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部部分 -->
    <div class="base w">
        <div class="top">
            <a href="#">关于我们</a>
            <a href="#">帮助中心</a>
            <a href="#">售后服务</a>
            <a href="#">配送与验收</a>
            <a href="#">商务合作</a>
            <a href="#">搜索推荐</a>
            <a href="#">友情链接</a>
        </div>
        <p>CopyRight © 小兔鲜儿</p>
    </div>
    <script src="./js/index1.js">

    </script>
</body>


</html>